<template>
  <ul>
    <li v-for="item in items" :key="item.id">{{ item.id, item.encryptedValue }}</li>
  </ul>
</template>
<script>
import * as CryptoJs from 'crypto-js';

export default {
  props: {
    items: Array
  },
  computed: {
    encryptedItems() {
      return this.items.map(item => ({
        id: item.id,
        encryptedValue: CryptoJs.MD5(item.value).toString()
      }))
    }
  }
}
</script>